Hi Michelle, thanks for the new recipe! @rachelandrew , do you want to give this a quick review?

We'll also need a page adding to https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook, to cover it, using the sample template Rachel used for the others. Are you OK to write one?

Hi @chrisdavidmills, yes I’m happy to create a page – I‘ll just need page-creation permission for my account :) Thanks!

Sure thing. What's your MDN username?

It’s mbarker84, same as my Github. Thanks!

OK, you've now got the necessary permissions. Cheers for the contribution! And feel free to ping me if you have questions.

Thanks @chrisdavidmills, I’ve got a few things written up, will wait to see if this PR is merged before submitting a page

I'm gonna merge this; it looks useful and works nicely. Thanks @mbarker84 !

Thanks @chrisdavidmills, the page is now live, in case you or anyone else want to review :)

Great work Michelle, thanks!

I have given it a review, and made a few edits. You might want to give it another read through to make sure you are happy with my edits.

Looks fine, apart from one minor comment. In the first code block in the "Useful fallbacks or alternative methods" section, shouldn't you set display: grid inside the @supports block? It seems a bit odd to be setting it inside the code for browsers that don't support grid.

Thanks so much for reviewing @chrisdavidmills, and yes, that totally makes sense. I usually only put the rules that I need to override inside @supports personally, so if I’m just leaving the display property as default for the fallback then I tend to leave it outside the block, knowing that the browser will ignore that rule it if it doesn’t support it. But admittedly that’s in Sass, and is a bit clearer when nested IMO. So it’s probably more sensible to have display: grid inside @supports for the example. I’ve now updated that code block :)

Lovely, we are all sorted then. Thanks again for the awesome contribution!